<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.box{
				width: 500px;
				height: 500px;
				background-color: red;
				border-width: 5px 10px 15px 20px;
				border-style: solid dashed dotted double;
				border-color: blue green purple pink;
			}
			
		</style>
	</head>
	<body>
		
		<!-- 
		2.3 
		border-width : 上 右 下 zuo
		border-style
		border-color
		 
		 这三个属性取值 是按照顺时针来赋值 上右下左
		 
		 省略时候的注意点:
		 2.4 
		 上 右 下  左边取值和右面一样
		 上 右     下面的取值和上面一样  左边和右面一样
		 上        所有的都跟上一样
		 -->
		
		<div class="box"></div>
		
	</body>
</html>